@charset "utf-8";
@import "common/reset";
@import "common/common";
.banner{
    width: 100%;
    height: 322px;
    position: relative;
    overflow: hidden;
    img{
        position: absolute;
        top: 0;
        left: -999px;
        right: -999px;
        margin: auto;
    }
}
.height{
    height: 574px;
}
.title{
    h3{
        text-transform: uppercase;
        
    }
}
.about_us{
    line-height: 1;
    padding-top: 133px;
    padding-bottom: 100px;
    border-bottom: $area-border;
    .title{
        margin-bottom: 47px;
    }
    >p{
        width: 996px;
        margin: 0 auto 95px;
        line-height: 30px;
        color:#4d4d4d;
    }
    >ul{
        width: 1300px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        li{
            text-align: center;
            color:#4d4d4d;
            h5{
                font-size: 80px;
                vertical-align: middle;
                font-family: 'DIONT condbold';
                margin-bottom: 10px;
            }
            p{
                font-size: 16px;
                line-height: 25px;
            }
            &:last-child{
                margin-right:0;
            }
            b{
                position: relative;
                bottom: 3px;
            }
        }
    }
}
.corporate_culture{
    padding-top: 97px;
    .title{
        margin-bottom: 69px;
    }
    .img_list{
        width: 100%;
        overflow: hidden;
        li{
            width: 33.33%;
            float: left;
            img{
                width: 100%;
            }
        }
    }
}
.dev_history{
    width: 100%;
    position: relative;
    .title{
        position: absolute;
        top: 15.4%;
        left: 0;
        right: 0;
        margin: auto;
        h3,p{
            color: white;
        }
        .line{
            background: white;
        }
    }
    .bg{
        width: 100%;
        img{
            width: 100%;
        }
    }
}
.team_introduction{
    padding-top: 163px;
    padding-bottom: 107px;
    line-height: 1;
    .title{
        margin-bottom: 45px;
    }
    >p{
        width: 995px;
        margin: 0 auto 60px;
        text-align: center;
        line-height: 30px;
        font-size: 18px;
        color: #404040;
    }
    ul{
        width: 1213px;
        margin: 0 auto 115px;
        li{
            width: 196px;
            float: left;
            text-align: center;
            margin-right: 58px;
            .icon{
                display: inline-block;
                box-sizing: border-box;
                width: 160px;
                height: 160px;
                border: 3px solid $theme-color;
                border-radius: 50%;
                font-size: 40px;
                font-weight: bold;
                line-height: 154px;
                color: #666666;
                font-family: "微软雅黑";
                margin-bottom: 35px;
            }
            >p{
                font-size: 14px;
                line-height: 24px;
                color: #808080;
            }
            &:last-child{
                margin-right: 0;
            }
        }
    }
    .ti_banner{
        width: 1246px;
        height: 518px;
        margin: 0 auto;
        overflow: hidden;
        transform: translateY(0px);
        position: relative;
        z-index: 88;
        transition: transform 600ms;
        img{
            width: 100%;
        }
    }
    .translateY{
        transform: translateY(410px);
    }
}
